<!--语义化：定义当前页面的格式：html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页</title>
    <link rel="icon" href="../img/logo_g0yv.jpg" type="img/x-ico">
    <link rel="stylesheet" href="../css/home.css">
</head>

<body>
<!--怎么区分下面的字符？-->
<!--div默认换行-->
<!--怎么区分不同的div？属性-->
<!--div的属性:常用属性 一般用类来区分不同的div-->
<!--如果想要对不同的div设置不同的样式，所以就需要用到css-->
<!--命名规则：不要用缩写，数字命名:推荐命名：按照功能命名，名字一定是要见名知意-->
<!--class名称可以一样，id必须唯一-->
<div class="a" id="aa" bb="b">
    <div class="aaa">aaa</div>
    <div class="bbb many-over ">fasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasd</div>
    <div class="ccc">dddd</div>
</div>
<aaaaaaa>fsadfsa</aaaaaaa>
<img src="../img/31_mixq.jpg" alt="aaaaa" title="fasdfasdfas">
<div class="b single-over" id="bb" bb="a" cc>fasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasd</div>
<div class="many-over test" >fasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasd</div>
</body>
</html>